<html>
<head>
<meta charset="utf-8" >
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<title>俱乐部成员</title>

<script type="text/javascript" src="<?php echo $image_url;?>files/js/fastclick.js"></script>

<link rel="stylesheet" type="text/css" href="<?php echo $image_url;?>files/css/bull.css">
<link rel="stylesheet" type="text/css" href="<?php echo $image_url;?>files/css/alert.css">

<style type="text/css">
    .buttonLeft1{position: absolute;width:100%;line-height: 3.3vh;height: 3.3vh;font-size: 2.5vh;width: 10vh;right:15vh;bottom:2.5vh;text-align:center;background:url("<?php echo $image_url;?>files/images/common/button2.png");background-size:100%;}
 .buttonLeft2{position: absolute;width:100%;line-height: 3.3vh;height: 3.3vh;font-size: 2.5vh;width: 10vh;right:15vh;bottom:2.5vh;text-align:center;background:url("<?php echo $image_url;?>files/images/common/button1.png");background-size:100%;}
 .buttonRight2{position: absolute;width:100%;line-height:3.3vh;height: 3.3vh;font-size: 2.5vh;width: 10vh;right:3vh;bottom:2.5vh;text-align: center;background:url("<?php echo $image_url;?>files/images/common/button2.png");background-size:100%;}
</style>
<script type="text/javascript">

	window.addEventListener('load', function() {
		FastClick.attach(document.body);
	}, false);

	var newNum = "";
	var per = window.innerWidth / 530;
	var globalData = {
		"baseUrl": "<?php echo $base_url;?>",
		"openId": "<?php echo $open_id;?>",
		"fileUrl": "<?php echo $file_url;?>",
		"imageUrl": "<?php echo $image_url;?>",
	};
	var userData = {
		"accountId": "<?php echo $user['account_id'];?>",
		"nickname": "<?php echo $user['nickname'];?>",
		"avatar": "<?php echo $user['headimgurl'];?>",
	};
	var configData = {
		"appId": "<?php echo $config_ary['appId'];?>",
		"timestamp": "<?php echo $config_ary['timestamp'];?>",
		"nonceStr": "<?php echo $config_ary['nonceStr'];?>",
		"signature": "<?php echo $config_ary['signature'];?>",
	};

	//#291c4d
</script>

<style type="text/css">
	.gameItem{position: absolute;background-color: #291c4d;}
</style>

</head>

<body style="background-color: #0e0226">

	<div id="loading" style="position: fixed;width:100%;height:100%;top:0;left:0;background: #000" >
		<img src="<?php echo $image_url;?>files/images/common/loading.gif" style="top: 40%;position: absolute;left: 50%;margin-left: -45px;margin-top: -45px;" />
	</div>

	<div class="main" id="app-main" style="position: relative; width: 100%;margin: 0 auto; background: #0e0226; display: none;">
        
		<!-- 提示框 -->
		<div class="alert" id="valert" v-show="isShowAlert" style="display: none;">
			<div class="alertBack"></div>
			<div class="mainPart">
				<div class="backImg">
					<div class="blackImg"></div>
				</div>
				<div class="alertText">{{alertText}}</div>				
				<div v-show="alertType==3">
					<div class="buttonLeft" v-on:click="closeAlert">确定</div>
					<div class="buttonRight" v-on:click="closeAlert">取消</div>
				</div>			
				<div v-show="alertType==7">
					<div class="buttonMiddle" v-on:click="closeAlert">确定</div>
				</div>	
				<div v-show="alertType==8">
				</div>			
			</div>
		</div>
        
        <div style="position: absolute;top: 0;left: 0; width: 100%;height: 18vw;">
        	<input v-model="searchText" type="text" name="mname" placeholder="输入玩家名字" style="padding:0 12px 0 12px;position: absolute;top: 4vw;left: 4vw;width: 76vw;height: 10vw;border-radius:  0.5vh 0 0 0.5vh;font-size: 2.5vh;">
        	<div style="position: absolute;top: 3.9vw;left: 80vw;width: 15vw;height: 10.2vw;line-height: 10.2vw;text-align: center;background-color: rgb(46,44,82);color: rgb(129,214,254);border-radius: 0 0.5vh 0.5vh 0;font-size: 2.5vh;" v-on:click="clickSearch">
        		搜索
        	</div>
        </div>

        <div style="position: absolute;top: 18vw;left: 0;width: 100%;height: 12vw;background-color: #291c4d;font-size: 2.5vh;line-height: 12vw;text-align: left;color: white;">
            <div style="position: absolute;left: 4vw">
                俱乐部成员（{{memberCount}}人）
            </div>
        </div>

        <div id="memberDiv" v-bind:style="'position: absolute;top: 30.5vw;left: 0;width: 100%;height: ' + (height - 0.31 * width) + 'px;overflow: hidden;'" >
        	<div style="position: relative;">
        		<div v-for="item in members" style="position: relative;width: 100%;height: 15vw;line-height: 15vw;background-color: #291c4d;text-align: center;margin-top: 0.3vh;color: white;overflow:hidden;">
        			<div style="position: absolute;top: 1vw;left: 4vw;" >
        				<img v-bind:src="item.avatarUrl" style="position: absolute;top: 0;left: 0;margin-left: 0;width: 8vh;height: 8vh;border-radius: 1vh;">
        			</div>
        			
        			<div style="position: absolute;left: 22vw;width: 79vw;height: 15vw;line-height: 15vw;font-size: 2.2vh;text-align: left;">
                        {{item.name}}
        			</div>
                    <div v-show="item.is_admin==0 && item.status==1" class="buttonLeft2" style="font-size: 2vh" v-on:click="clickChangeAdmin(item, 1)">添加管理</div>
                    <div v-show="item.is_admin==1 && item.status==1" class="buttonLeft1" style="font-size: 2vh" v-on:click="clickChangeAdmin(item, 0)">取消管理</div>

        			<div v-show="item.status==0" class="buttonLeft2"  v-on:click="clickDealMember(item, 1)">同意</div>
        			<div v-show="item.status==0" class="buttonRight2" v-on:click="clickDealMember(item, 2)">拒绝</div>
        			<div v-show="item.status==1" class="buttonRight2" v-on:click="clickDealMember(item, 3)">踢出</div>

        			<div v-show="item.status==2"  style="position: absolute;right: 0;width: 20%;height: 15vw;line-height: 15vw;font-size: 2.2vh;text-align: left;">已拒绝</div>
        			<div v-show="item.status==3"  style="position: absolute;right: 0;width: 20%;height: 15vw;line-height: 15vw;font-size: 2.2vh;text-align: left;">已踢出</div>
        		</div>
        		<div id="moretext" style="position: relative;background-color: white;color: black;height: 10vw;text-align: center;line-height: 10vw;font-size: 2.2vh;display: none;" >
        			上拉加载更多
        		</div>
        	</div>
        </div>


	</div>

</body>

<script type="text/javascript" src="<?php echo $image_url;?>files/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/bscroll.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js" ></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/vue.min.js" ></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/vue-resource.min.js" ></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/groupmember.js"></script>

<!-- script type="text/javascript" src="<?php echo $image_url;?>files/js/guild/unionmember/unionmember-1.0.2.min.js"></script ->

</html>
